<script lang="ts">
    import Mo from './motor.svelte';
    // import Stm32 from './STM32.svelte';

    import { fly } from 'svelte/transition';
    
    let {name} = $props();
</script>

<div in:fly={{ x: -50, duration: 500 }} out:fly={{ x: -20, duration: 200 }} class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg border border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md flex flex-col p-4 sm:p-6 w-full">
    {#if name==1}
        <Stm32></Stm32>
    {/if}

    {#if name==2}
        <Mo name="1"></Mo>
        <Mo name="2"></Mo>
    {/if}
</div>

